<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable">
	    <meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0,user-scalable=no">
	    <meta name="format-detection" content="telephone=no" />
	    <meta name="screen-orientation" content="portrait">
	    <meta name="x5-orientation" content="portrait">
	    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
		<title>课程购买</title>
		<link rel="stylesheet" href="css/buy.css" />				
		<script>
			if((document.documentElement.clientWidth/7.5)>60){
				document.documentElement.style.fontSize='60px';
			}else{
				document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
			}
			window.addEventListener('resize',function(){
				if((document.documentElement.clientWidth/7.5)>60){
					document.documentElement.style.fontSize='60px';
				}else{
					document.documentElement.style.fontSize = document.documentElement.clientWidth/7.5 + 'px';
				}
			});
		</script>
	</head>
	<body>
		<header>
            <div class="header">
                <div class="goBack">
                    <div class='TRotate45'></div>
                </div>
                <div>课程购买</div>
                <div class="menu">
                	<img src="img/icon/menu_2.png"
                </div>
            </div>
        </header>
        <div class="banner">
        	<img src="img/bj2.jpg" />
        </div>
        <div class='lists_tab_box flex'>
        	<div class="lists_tab border_right lists_tab_on">团课</div>
        	<div class="lists_tab border_right">私教课</div>
        	<div class="lists_tab">单词券</div>
        </div>
        
        <div class="product_lists1 product_lists">
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_1.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>
        </div>
        
        <div class="product_lists2 dn product_lists">
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_2.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>      	
        </div>
        
        <div class="product_lists3 dn product_lists">
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_3.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div>  
        	<div class="product_list flex">
        		<div class="product_list_img">
        			<img src="img/banner_3.jpg">
        		</div>
        		<div class="product_list_text">
        			<p class='title'>全天课</p>
        			<p class='title'>
        				<span class="price">￥100</span>
        				<span class="discriple">共1课</span>
        			</p>
        		</div>
        		<div class="product_list_add">购买</div>
        	</div> 
        </div>
        
        
        <footer class="flex">
        	<div class='car wd25'>
        		<img src="img/icon/car_2.png" />
        		<span>购物车</span>
        		<span class="car_num">0</span>
        	</div>        	
        	<div class='go_pay'>
        		结算
        	</div>
        	<div class='my wd25'>
        		<img src="img/icon/my_2.png" />
        		<span>我的</span>
        	</div>
        </footer>
        <div class="mar54"></div>
	</body>	
	<script type="text/javascript" src="lib/jquery-3.1.1.min.js" ></script>
	<script type="text/jscript" src="js/member/buy.js"></script>
</html>

